<script lang="ts" setup>

</script>

<template>
    <div id="out">

        <div id="in">
            <el-menu class="el-menu-demo" mode="horizontal">
                <el-menu-item index="1"><router-link :to="{name:'index'}">首页</router-link></el-menu-item>
                <el-menu-item index="2"><router-link :to="{name:'product'}">产品介绍</router-link></el-menu-item>
                <el-menu-item index="3"><router-link :to="{name:'about'}">关于我们</router-link></el-menu-item>
                <el-menu-item index="4"><router-link :to="{name:'call'}">联系我们</router-link></el-menu-item>
            </el-menu>
        </div>    
    </div>
</template>

<style scoped>
#out{
    width: 100%;
    margin: 10 auto;
}

#in{
    width: 1200px;
    height: 100px;
    margin: 0 auto;
}
</style>